<template>
  <div>
    <van-index-bar :index-list="[]">
      <div v-for="(value, key, index) in data" :key="key">
        <van-index-anchor :index="index" class="item">{{ key }}</van-index-anchor>
        <Item v-for="item in value" :data="item" cate="即将上映" :key="item.id"/>
      </div>
    </van-index-bar>
  </div>
</template>

<script>
import Item from './Item.vue'

export default {
  name: 'WillMovie',
  props: ['data'],
  components: {
    Item
  },
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang='less' scoped>
.item {
  background-color: rgb(247, 248, 250);
}
</style>